@import '_global.scss';
$screenWidth: 1920 !default;
@mixin font($size, $weight, $color) {
    font: {
        size: getvw($size);
        family: PingFangSC-Medium, PingFang SC;
        weight: $weight;
    }
    color: $color;
}

@mixin fontPlaceholder() {
    line-height: getvw(60);
    @include font(14, 400, #999999);
    font-family: PingFangSC-Regular, PingFang SC;
}

body,
html,
#main {
    @media screen and (max-width: $screenWidth) {
        width: $screenWidth;
    }
    width: 100%;
    height: 98%;
    background: linear-gradient(to right, #EDEFF4 50%, #FFFFFF 50%);
    //overflow-y:hidden;
}

body>#main {
    height: auto;
    min-height: 100%;
}

body::-webkit-scrollbar {
    display: none;
}

html {
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body::-webkit-scrollbar {
    display: none;
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1920;
    margin: getvw(80) auto 0;
    padding-bottom: getvw(52);
    height: getvw(870);
    background: linear-gradient(to right, #EDEFF4 50%, #FFFFFF 50%);
    &>section {
        width: 50%;
        height: 100%;
    }
    .content-left {
        position: relative;
        article {
            position: absolute;
            top: 0;
            right: 0;
            width: getvw(1098);
            height: getvw(976);
            background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2%E6%8F%92%E7%94%BB%403x.png") no-repeat;
            background-size: cover;
        }
    }
    .content-right {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 getvw(86) 0 getvw(174);
        box-sizing: border-box;
        user-select: none;
        .title-main {
            margin-top: getvw(141);
            line-height: getvw(76);
            @include font(72,
            500,
            #161516)
        }
        .title-next {
            margin: getvw(32) 0 getvw(54);
            line-height: getvw(30);
            @include font(21,
            500,
            #464646)
        }
        .account-wrap,
        .password-wrap {
            position: relative;
            & input[type='text'],
            & input[type='password'] {
                width: getvw(431);
                height: getvw(60);
                background: #F5F5F5;
                border-radius: getvw(12);
                margin-bottom: getvw(32);
                border: none;
                outline: none;
                text-align: center;
                line-height: getvw(20);
                @include font(14,
                400,
                #161516);
                &::-webkit-input-placeholder {
                    @include fontPlaceholder();
                }
                &:-moz-placeholder {
                    @include fontPlaceholder();
                }
                &::-moz-placeholder {
                    @include fontPlaceholder();
                }
                &:-ms-input-placeholder {
                    @include fontPlaceholder();
                }
            }
            div {
                position: absolute;
                display: none;
                top: getvw(20);
                right: getvw(18);
                width: getvw(20);
                height: getvw(20);
                background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/Right%403x.png") no-repeat;
                background-size: cover;
            }
        }
        .submit-button {
            width: getvw(200);
            height: getvw(60);
            background: linear-gradient(135deg, #4279FD 0%, #89B1FF 100%);
            border-radius: getvw(12);
            margin: getvw(12) 0 getvw(116);
            @include font(21,
            400,
            #FFFFFF);
            font-family: PingFangSC-Regular, PingFang SC;
            border: none;
            outline: none;
            cursor: pointer;
        }
        .contact-us {
            line-height: getvw(29);
            @include font(21,
            400,
            #999999);
            font-family: PingFangSC-Regular, PingFang SC;
            a {
                color: #89B1FF;
            }
        }
    }
}

footer {
    position: relative;
    bottom: getvw(-52);
    width: 100%;
    margin-top: getvw(-52);
    clear: both;
    height: getvw(52);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F5F5;
    .footer-copyright {
        display: flex;
        a {
            @include font(12,
            400,
            #999999);
            line-height: getvw(17);
        }
        span {
            width: getvw(14);
            height: getvw(14);
            background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/WechatIMG1127@3x.png") no-repeat;
            background-size: getvw(14) getvw(14);
            margin: 0 getvw(1) 0 getvw(11);
        }
    }
}